*{
  border: 0;
  margin: 0;
  padding: 0;
}
html,body{
  height: 100%;
}
.header{
  width:100%;
  height:60px;
  background-color:#0f88eb;
  position: fixed;
  top:0;
}
.syone{
  width: 300px;
  float: left;
  margin-left: 16px;
}
.sytwo{
  width:200px;
  margin:0 auto;
}
.sythree{
  width:400px;
  float:right;
}
.wenzi a{
  color:white;
  margin-left:20px;
}
.wenzi{
  margin-top:15px;
}
.you{
  float: right;
  margin-right: 16px;
}
.ghfheader{
  background-image: url('../image/amd.jpg');
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 60px;
}
.zen{
  left: 30%;
  top: 30%;
  height: 20%;
  opacity: 0.623;
  border-radius: 60px;
  position: absolute;
}
.body1{
  background-image: url('../image/mate9.jpg');
  height: 100%;
  background-attachment: fixed;
  background-size: cover;
}
.mate9p{
  position: absolute;
  left: 60%;
  top:120%;
  opacity: 0.623;
  border-radius: 60px;
  width: 22%;
}
.body2{
  background-image: url('../image/INTER.png');
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
}
.I7K{
  position: absolute;
  opacity: 0.623;
  top: 220%;
  left: 30%;
  border-radius: 60px;
  width: 10%;
}
.body3{
  background-image: url('../image/NVIDIA.bmp');
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
}
.QD{
  position: absolute;
  opacity: 0.623;
  top: 300%;
  left: 0%;
  border-radius: 60px;
  width: 30%;
}
.footer{
  background-image: url('../image/ttt.jpg');
  height: 400%;
  background-size: cover;
  background-attachment: fixed;
}
.cpu{
  height: 74.8%;
  opacity: 0.65;
  width: 49.8%;
}
.xianka{
  height: 74.8%;
  opacity: 0.65;
  width: 49.8%;
}
.mcpu{
  height: 25%;
  opacity: 0.65;
  width: 49.8%;
}
.mcpu2{
  height: 25%;
  opacity: 0.65;
  width: 49.8%;
}
.tieba{
  text-align: center;
}
.da{
  font-size: 123px;
  font-family: serif;
  font-weight: bold;
}
.yz{
  font-size: 123px;
  font-family: serif;
  font-weight: bold;
}
.shi{
  text-align: center;
  font-size: 88px;
}
